<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>放行条列表</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/header.css" />-->
    <link rel="stylesheet" type="text/css" href="css/qualitycontrollist.css" />
    <style>
         /* *{touch-action: none;} */
      .statustyle{
          position: absolute;
          right:0px;
          text-align: center;
          /* display: flex; */
          float: right;
      }
      .statustyle div{
            width: 80px;
      }
      .weifangxing span{
          color:#289FFF;
          padding: 2px 12px;
          background: #d4ebfd;
          border-radius: 4px;
      }
      .jujue span{
          color:#f68b11;
          padding: 2px 12px;
          background: #fce7b9;
          border-radius: 4px;
      }
      .shenhe span{
          color:#0fc23c;
          padding: 2px 12px;
          background: #c9fddd;
          border-radius: 4px;
      }
      .fangxing span{
          color:#666666;
          padding: 2px 12px;
          background: #e6e6e6;
          border-radius: 4px;
      }
      .shixiao span{
          color:#a7a7a7;
          padding: 2px 12px;
          background: #f1f1f1;
          border-radius: 4px;
          float: right;
      }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
                <div class="aui-tab aui-tab-color" style="background: #289FFF;  padding-bottom: 8px;">
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==1}" v-on:click="do_select_tab(1)">
                        <label class="labelbox">待处理
                            <span v-if="total.WaitingCount>0" class="menu_dotspan">{{total.WaitingCount}}</span>
                        </label>
                    </div>
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==2}" v-on:click="do_select_tab(2)">
                        <label class="labelbox">已处理</label>
                    </div>           
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="do_open(item)" class="work_con_box">
                        <div class="work_title work_title_add">{{item.RoomFullName}}
                            
                        </div>
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">通行事由</div>
                            <div class="work_con_box_right">
                                <label>{{item.Reason}}</label>
                            </div>
                        </div>
                        <div  class="work_con_box_time marginheight" style="position: relative;">
                            <div class="work_con_box_left">申请时间</div>
                            <div class="work_con_box_right">
                                <label>{{item.AddTime}}</label>
                            </div>
                            <div v-if="form.status==2" class="statustyle">
                                <div v-if='item.State==3' class="weifangxing"><span>未放行</span></div>
                                <div v-if='item.State==2' class="jujue"><span>已拒绝</span></div>
                                <div v-if='item.State==4' class="fangxing"><span>已放行</span></div>
                                <div v-if='item.State==5' class="shixiao"><span>已失效</span></div>
                            </div>
                        </div>
                        <!-- <div v-if="form.status==2" class="work_con_box_time marginheight">
                            <div v-if='item.State==3' class="weifangxing"><span>未放行</span></div>
                            <div v-if='item.State==2' class="jujue"><span>已拒绝</span></div>
                            <div v-if='item.State==4' class="fangxing"><span>已放行</span></div>
                            <div v-if='item.State==5' class="shixiao" style="background: rosybrown; float: right;"><span>已失效</span></div>
                        </div> -->

                    </div>

                    <div v-if="form.status==1" class="new-btn-bottom" style="overflow: hidden;">
                        <div v-on:click="examRelease(item,0)" class="work_beginbtnty3 new-blue-btn">
                            <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                        </div>
                        <div v-on:click="examRelease(item,1)" class="work_beginbtnty3 new-blue-btn">
                            <i class="icon iconfont icon-guanbi" style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>拒绝
                        </div>
                    </div>
                    
                </div>
                <div class="notodayList">
                    没有更多内容
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>

        </section>
        
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript " src="js/outdoor_list.js"></script>

</html>
